<template>
  <div>
    <FooterNav v-if="isshow"></FooterNav>
    <!-- 路由容器 -->
    <router-view></router-view>
  </div>
</template>
<script>
// 引入底部导航
import FooterNav from "./components/FooterNav";

export default {
  components: {
    FooterNav,
  },
  data() {
    return {
      // 底部菜单显示
      isshow: true,
    };
  },
  created() {
    // 订阅让底部菜单隐藏的指令
    this.$bus.$on("footernav", (show) => {
      this.isshow = show;
    });
  },
};
</script>

<style lang="scss">
* {
  margin: 0;
  padding: 0;
}
html,
body {
  touch-action: none;
  height: 100%;
  ul,
  li {
    list-style: none;
  }
}
</style>
